//Object Fit
//用于控制可替换元素的内容如何调整大小的功能类。
.object{
  &-contain{object-fit: contain;} // 调整元素内容的大小，使其保持在容器内。
  &-cover{object-fit: cover;} // 调整元素内容的大小以覆盖其容器。
  &-fill{object-fit: fill;} // 拉伸元素的内容以适应其容器。
  &-none{object-fit: none;} // 以原始大小显示元素的内容，忽略容器大小。
  &-scale-down{object-fit: scale-down;} // 以原始大小显示元素的内容，但必要时使用 将其缩小以适应其容器。
}
//Object Position
//用于控制可替换元素的内容在其容器中的位置。
.object{
  &-bottom{object-position: bottom;}
  &-center{object-position: center;}
  &-left{object-position: left;}
  &-left-bottom{object-position: left bottom;}
  &-left-top{object-position: left top;}
  &-right{object-position: right;}
  &-right-bottom{object-position: right bottom;}
  &-right-top{object-position: right top;}
  &-top{object-position: top;}
}